<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="Utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/earlyaccess/jejugothic.css">
<%-- <link rel="stylesheet" type="text/css"
	href="http://fonts.googleapis.com/css?family=Roboto:400,300,500,700&amp;subset=latin,latin-ext">
<link rel="stylesheet" type="text/css"
	href="http://fonts.googleapis.com/css?family=Montserrat:400,700">
<link rel="stylesheet" type="text/css"
	href="<c:url value='/resources/assets/libraries/Font-Awesome/css/font-awesome.min.css'/>"> --%>
<link rel="stylesheet" type="text/css"
	href="<c:url value='/resources/assets/libraries/bootstrap-select/dist/css/bootstrap-select.min.css'/>">
<link rel="stylesheet" type="text/css"
	href="<c:url value='/resources/assets/libraries/bootstrap-fileinput/css/fileinput.min.css'/>">
<link rel="stylesheet" type="text/css"
	href="<c:url value='/resources/assets/libraries/nvd3/nv.d3.min.css'/>">
<link rel="stylesheet" type="text/css"
	href="<c:url value='/resources/assets/libraries/OwlCarousel/owl-carousel/owl.carousel.css'/>">
<link rel="stylesheet" type="text/css"
	href="<c:url value='/resources/assets/css/realsite.css'/>">
<!-- 
    <c:url value='/resources/js/jquery-1.11.1.min.js'/> -->

<title></title>


</head>

<body>

	<div class="page-wrapper">
		<%@ include file="include/header.jsp"%>
		<!-- =================================================================== -->
		<div class="main" align="center">
			<div align="center">

				<div class="mainimg"
					data-background-image="<c:url value='/resources/assets/img/kushtrim_musa-my_room.jpg'/>">
					<div class="promoted-caption">

						<c:forEach var="interestList" items="${interestList}">
							<a href="headers-static-image.html#" class="btn">${interestList.iName}</a>
						</c:forEach>
					</div>
				</div>

				<div class="container">
					<div class="row" align="center">
						<div>
							<h1 class="page-header">함께해요</h1>

							<div class="box">
								<h1>
									<a href="<c:url value='/activity/viewlist'/>" class='action'>더보기</a>
								</h1>

								<div class="row property-simple-wrapper">

									<c:forEach begin="0" end="7" var="activityDto"
										items="${activityDto}">


										<div class="col-sm-3">
											<div class="property-simple">
												<a href="<c:url value='/activity/${activityDto.actId}/view'/>"
													class="property-simple-image"> <img
													src="<c:url value='/activity/${activityDto.actId}/view'/>" alt=''>
												</a>
												<div class="property-simple-content">
													<h2 class="property-simple-title">
														<a href=<c:url value='/activity/${activityDto.actId}/view'/>>${activityDto.actSubject}
														</a>
													</h2>

												</div>
												<!-- /.property-simple-content -->
											</div>
											<!-- /.property-simple -->
										</div>
										
									</c:forEach>
								</div>
							</div>
							<!-- /.box -->

						</div>
						<!-- /.content -->

					</div>
					<!-- /.row -->
				</div>
				<!-- /.container -->

				<!-- =================================================================== -->

				<div class="container">
					<div class="row">
						<div>
							<h1 class="page-header">내방 자랑하기</h1>

							<div class="box">
								<h1>
									<a href="<c:url value='/myroom/viewlist'/>" class="action">더보기</a>
								</h1>

								<div class="row property-simple-wrapper">

									<c:forEach begin="0" end="7" var="myroomDto" items="${myroomDto}">
											


										<div class="col-sm-3">
											<div class="property-simple">
												<a
													href=<c:url value='/myroom/${myroomDto.member.memId}/view'/>
													class="property-simple-image"> <img
													src="<c:url value='${myroomDto.mainPic}'/>" alt=''>
												</a>

												<div class="property-simple-content">
													<h2 class="property-simple-title">
														<a href=<c:url value='/myroom/${myroomDto.member.memId}/view'/>>
														♥${myroomDto.likeCount}
														${myroomDto.member.memName}</a>
													</h2>

												</div>
												<!-- /.property-simple-content -->
											</div>
											<!-- /.property-simple -->
										</div>



									</c:forEach>

								</div>
							</div>
							<!-- /.box -->

						</div>
						<!-- /.content -->

					</div>
					<!-- /.row -->
				</div>
				<!-- /.container -->

			</div>
			<!-- /.main -->
		</div>


		<!-- =========================================================== -->

		<%@ include file="include/footer.jsp"%>


	</div>
	<!-- /.page-wrapper-->


	<script type="text/javascript"
		src="<c:url value='/resources/assets/js/jquery.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/jquery-transit/jquery.transit.js'/>"></script>

	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/bootstrap/assets/javascripts/bootstrap/dropdown.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/bootstrap/assets/javascripts/bootstrap/collapse.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/bootstrap-select/dist/js/bootstrap-select.min.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/bootstrap-fileinput/js/fileinput.min.js'/>"></script>

	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/autosize/jquery.autosize.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/isotope/dist/isotope.pkgd.min.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/OwlCarousel/owl-carousel/owl.carousel.min.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/jquery.scrollTo/jquery.scrollTo.min.js'/>"></script>

	<script
		src="http://maps.googleapis.com/maps/api/js?libraries=weather,geometry,visualization,places,drawing&amp;sensor=false"
		type="text/javascript"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/jquery-google-map/infobox.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/jquery-google-map/markerclusterer.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/jquery-google-map/jquery-google-map.js'/>"></script>

	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/nvd3/lib/d3.v3.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/nvd3/lib/d3.v3.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/nvd3/nv.d3.min.js'/>"></script>

	<script type="text/javascript"
		src="<c:url value='/resources/assets/js/realsite.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/js/charts.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/js/map.js'/>"></script>


	<script>
		(function(i, s, o, g, r, a, m) {
			i['GoogleAnalyticsObject'] = r;
			i[r] = i[r] || function() {
				(i[r].q = i[r].q || []).push(arguments)
			}, i[r].l = 1 * new Date();
			a = s.createElement(o), m = s.getElementsByTagName(o)[0];
			a.async = 1;
			a.src = g;
			m.parentNode.insertBefore(a, m)
		})(window, document, 'script',
				'//www.google-analytics.com/analytics.js', 'ga');

		ga('create', 'UA-39841036-7', 'auto');
		ga('send', 'pageview');
	</script>
</body>
</html>